<template>
  <div class="app-foot">
    {{ footerMsgCopyright }}
    <span class="source">{{ footerMsgName }}</span>
  </div>
</template>
<script setup>
// 版权说明的文字
const footerMsgCopyright = 'Copyright © 2024-2025 轮排钟平台 - Powered By ';
// 单位
const footerMsgName = '08项目实验室'
</script>

<style scoped>
.app-foot {
  min-height: 35px;
  background-color: #eeeeee;
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto; /* 新增：自动占据剩余空间 */
}

.source {
  font-weight: 600;
}
</style>